<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	     <style>
		 [class*="col-"] {
			 background-color: #808080;
			 border: 1px solid rgba(86, 61, 124, .2);
		 }
		 </style>
	</head>
	<body>
		<div class=".container ">
			<div class = "row">
				<h1>栅格系统</h1>
				<div class="col-md-3">col-md-3</div>
				<div class="col-md-3">col-md-3</div>
				<div class="col-md-3">col-md-3</div>
				<div class="col-md-3">col-md-3</div>
			</div>
			<div class = "row">
				<h1>栅格系统</h1>
				<div class="col-md-6">col-md-6</div>
				<div class="col-md-2">col-md-2</div>
				<div class="col-md-4">col-md-4</div>
			</div>
			<div class = "row">
				<h1>栅格系统</h1>
				<div class="col-xs-6">col-xs-6</div>
				<div class="col-xs-2">col-xs-2</div>
				<div class="col-xs-4">col-xs-4</div>
			</div>
			<div class = "row">
				<h1>栅格系统</h1>
				<div class="col-xs-6 col-md-4 col-lg-3">col-xs-6 col-md-4</div>
				<div class="col-xs-6 col-md-4 col-lg-3">col-xs-6 col-md-4</div>
				<div class="col-xs-6 col-md-4 col-lg-3">col-xs-6 col-md-4</div>
				<div class="col-xs-6 col-md-4 col-lg-3">col-xs-6 col-md-4</div>
			</div>
		</div>
		</div>

	</body>
</html>
